<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
	<head>
		<title>Brnd-logo Website Template | Details :: w3layouts</title>
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.min.js"></script>
		 <!-- Custom Theme files -->
		<link href="css/style.css" rel='stylesheet' type='text/css' />
   		 <!-- Custom Theme files -->
   		 <!---- start-smoth-scrolling---->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
		 <!---- start-smoth-scrolling---->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
		</script>
		<!----webfonts--->
		<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
		<!---//webfonts--->
		<!----start-top-nav-script---->
		<script>
			$(function() {
				var pull 		= $('#pull');
					menu 		= $('nav ul');
					menuHeight	= menu.height();
				$(pull).on('click', function(e) {
					e.preventDefault();
					menu.slideToggle();
				});
				$(window).resize(function(){
	        		var w = $(window).width();
	        		if(w > 320 && menu.is(':hidden')) {
	        			menu.removeAttr('style');
	        		}
	    		});
			});
		</script>
		<!----//End-top-nav-script---->
	</head>
	<body>
		<!----container---->
		<div class="container">
			<!----top-header---->
			<div class="top-header">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" title="barndlogo" /></a>
				</div>
				<div class="top-header-info">
					<div class="top-contact-info">
						<ul class="unstyled-list list-inline">
							<li><span class="phone"> </span>090 - 223 44 66</li>
							<li><span class="mail"> </span><a href="#">help@trendd.com</a></li>
							<div class="clearfix"> </div>
						</ul>
					</div>
					<div class="cart-details">
						<div class="add-to-cart">
							<ul class="unstyled-list list-inline">
								<li><span class="cart"> </span>
									<ul class="cart-sub">
										<li><p>0 Products</p></li>
									</ul>
								</li>
							</ul>
						</div>
						<div class="login-rigister">
							<ul class="unstyled-list list-inline">
								<li><a class="login" href="#">Login</a></li>
								<li><a class="rigister" href="#">REGISTER <span> </span></a></li>
								<div class="clearfix"> </div>
							</ul>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<!----//top-header---->
			<!---top-header-nav---->
			<div class="top-header-nav"> 
			<!----start-top-nav---->
			 <nav class="top-nav main-menu">
					<ul class="top-nav">
						<li><a href="mainpage/products.php">PRODUCTS </a><span> </span></li>
						<li><a href="what-we-do.php">OUR COMPANY</a><span> </span></li>
						<li><a href="what-we-do.php">WHAT WE DO</a><span> </span></li>
						<li><a href="mainpage/products.php">CONTACT US</a><span> </span></li>
						<div class="clearfix"> </div>
					</ul>
					<a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a>
			  </nav>
			  <!----End-top-nav---->
			  <!---top-header-search-box--->
			  <div class="top-header-search-box">
			  	<form>
			  		<input type="text" placeholder="Search" required / maxlength="22">
			  		<input type="submit" value=" " >
			  	</form>
			  </div>
			  <!---top-header-search-box--->
						<div class="clearfix"> </div>
			</div>
		</div>
			<!--//top-header-nav---->
			<!----content---->
				<div class="content">
					<div class="container">
				<!--- products ---->
				<div class="products">
										
				<!---->
		<!----start-slider-script---->
			<script src="js/responsiveslides.min.js"></script>
			 <script>
			    // You can also use "$(window).load(function() {"
			    $(function () {
			      // Slideshow 4
			      $("#slider4").responsiveSlides({
			        auto: true,
			        pager: true,
			        nav: true,
			        speed: 500,
			        namespace: "callbacks",
			        before: function () {
			          $('.events').append("<li>before event fired.</li>");
			        },
			        after: function () {
			          $('.events').append("<li>after event fired.</li>");
			        }
			      });
			
			    });
			  </script>
			<!----//End-slider-script---->
			<!-- Slideshow 4 -->
			    <div  id="top" class="callbacks_container">
			      <ul class="rslides" id="slider4">
			        <li>
			          <img src="images/slides/1.png" alt="">
					<!--		
					<div class="caption">
			          	<div class="slide-text-info">
			          		<h1>WILL HELM</h1>
			          		<label>WINTER</label>
			          		<a class="slide-btn" href="#"><span>99.90$</span> <small>GET NOW</small><label> </label></a>
			          	</div>
			          </div>
					  -->
			        </li>
			        <li>
			          <img src="images/slides/2.png" alt="">
			          <!--		
					<div class="caption">
			          	<div class="slide-text-info">
			          		<h1>WILL HELM</h1>
			          		<label>WINTER</label>
			          		<a class="slide-btn" href="#"><span>99.90$</span> <small>GET NOW</small><label> </label></a>
			          	</div>
			          </div>
					  -->
			        </li>
			        <li>
			          <img src="images/slides/3.png" alt="">
			           <!--		
					<div class="caption">
			          	<div class="slide-text-info">
			          		<h1>WILL HELM</h1>
			          		<label>WINTER</label>
			          		<a class="slide-btn" href="#"><span>99.90$</span> <small>GET NOW</small><label> </label></a>
			          	</div>
			          </div>
					  -->
			        </li>
					<li>
			          <img src="images/slides/4.png" alt="">
			          <!--		
					<div class="caption">
			          	<div class="slide-text-info">
			          		<h1>WILL HELM</h1>
			          		<label>WINTER</label>
			          		<a class="slide-btn" href="#"><span>99.90$</span> <small>GET NOW</small><label> </label></a>
			          	</div>
			          </div>
					  -->
			        </li>
			      </ul>
			    </div>
			    <div class="clearfix"> </div>
				
							<!---->
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				</div>
				<div class="clearfix"> </div>
				<!-- //products ---->
				<!----product-details--->
				<div class="product-details">
					<div class="container">
					<div class="product-details-row1">
						<div class="product-details-row1-head">
						<div class="product-filter">
						<h1><a href="#">OUR COMPANY DETAIL:</a></h1>	
						</div>							
						</div>
						<div class="col-md-4 product-details-row1-col1">
							<!----details-product-slider--->
						<!-- Include the Etalage files -->
							<link rel="stylesheet" href="css/etalage.css">
							<script src="js/jquery.etalage.min.js"></script>
						<!-- Include the Etalage files -->
						<script>
								jQuery(document).ready(function($){
					
									$('#etalage').etalage({
										thumb_image_width: 300,
										thumb_image_height: 400,
										source_image_width: 900,
										source_image_height: 1000,
										show_hint: true,
										click_callback: function(image_anchor, instance_id){
											alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
										}
									});
									// This is for the dropdown list example:
									$('.dropdownlist').change(function(){
										etalage_show( $(this).find('option:selected').attr('class') );
									});
		
							});
						</script>
						<!----//details-product-slider--->
						<div class="details-left">
							<div class="details-left-slider">
								<ul id="etalage">
									<li>
										<a href="optionallink.html">
											<img class="etalage_thumb_image" src="images/product-slide/image1_thumb.jpg" />
											<img class="etalage_source_image" src="images/product-slide/image1_large.jpg" />
										</a>
									</li>
									<li>
										<img class="etalage_thumb_image" src="images/product-slide/image2_thumb.jpg" />
										<img class="etalage_source_image" src="images/product-slide/image2_large.jpg" />
									</li>
									<li>
										<img class="etalage_thumb_image" src="images/product-slide/image3_thumb.jpg" />
										<img class="etalage_source_image" src="images/product-slide/image3_large.jpg" />
									</li>
									<li>
										<img class="etalage_thumb_image" src="images/product-slide/image4_thumb.jpg" />
										<img class="etalage_source_image" src="images/product-slide/image4_large.jpg" />
									</li>
									<li>
										<img class="etalage_thumb_image" src="images/product-slide/image5_thumb.jpg" />
										<img class="etalage_source_image" src="images/product-slide/image5_large.jpg" />
									</li>
									<li>
										<img class="etalage_thumb_image" src="images/product-slide/image6_thumb.jpg" />
										<img class="etalage_source_image" src="images/product-slide/image6_large.jpg" />
									</li>
									<li>
										<img class="etalage_thumb_image" src="images/product-slide/image7_thumb.jpg" />
										<img class="etalage_source_image" src="images/product-slide/image7_large.jpg" />
									</li>
								</ul>
							</div>
						</div>
					</div>
                    
					<!--<div class="clearfix"> </div>-->
                    
				<!--//product-details--->
				</div>
				<!---- product-details ---->
				<div class="product-tabs">
					<!--Horizontal Tab-->
				    <div id="horizontalTab">
				        <ul>
				            <li><a href="#tab-1">OUR COMANY</a></li>
				            <li><a href="#tab-2">WHAT WE DO</a></li>
				            
				        </ul>
				        <div id="tab-1" class="product-complete-info">
				        	<h3>DESCRIPTION:</h3>
				        	<p>Manna Investment was founded by Cambodian Entrprenuer Giant and Government Liaison Rodacker &ldquo;Meng&rdquo; Muong in 1998. We focus on ventures within the Southeast Asian region, specifically Cambodia and Malaysia. We hope to venture into US business opportunities soon as well. Over the years we&rsquo;ve built a community of relationships that can help you establish the venture you want to pursue. We a team of more than ten highly motivated, smart and experienced employees. Combined we have over 30 years of experience in the following areas</p>
				       		<span>DETAILS:</span>
				       		<div class="product-fea">
				       			
   		  <p>&bull; &nbsp;&nbsp;&nbsp;&nbsp;Agriculture<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Live Entertainment Events<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Equipment Rentals<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Commercial and Residential Real Estate<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Property and Land Acquisition<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Housing Developments<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Film Production<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Imports and Exports<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Product Sales<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Government Relations<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Audio and Video Production Services<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Product Advertising and Marketing</p>
   		  <p>We hope to venture in the following areas soon:<br />
   		  <br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Wine Exports<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Energy Solutions and Solar Products</p>
				       		</div>
				        </div>
				        <div id="tab-2" class="product-complete-info">
				        	<h3>DESCRIPTION:</h3>
				        	<p>We specialize in the following areas:</p>
				       		<span>DETAILS:</span>
				       		<div class="product-fea">
				       			
   		  <p>&bull; &nbsp;&nbsp;&nbsp;&nbsp;Agriculture<br />
 &nbsp;&nbsp;&nbsp;&nbsp; - Brick farms, Chicken farms, Rice fields, and	Rubber	plantations <br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Live Entertainment Events<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp;- Concerts and Movie Projections<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Equipment Rentals<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp; - Film Cameras like the RED, Live sound, Projectors, Cranes, and Lighting<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Commercial and Residential Real Estate<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp; - Shopping plazas, Subdivisions, Hotels, and Tourism Sites<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Property and Land Acquisition<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp; - Land in Cambodia that can be flipped into plantations, factory sites, or tourism locations<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Housing Developments<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp;- New subdivisions and infrastructure in the Cambodian	capitol <br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Film Production<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp;- Talent scouting, Location scouting, Governmental relations, Shooting Crew, Scripts and  <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
   		    Distribution. Some notable movies are Tears and The King Maker.<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Imports and Exports<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp;- Products like Goal Zero	we	have Southeast Asian distribution rights to see in the <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
   		    Southeast Asian area.<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Product Sales<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp; - Petronas Gasoline and Energy drinks<br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Government Relations<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp;- Secure government contracts and connections <br />
   		    &bull; &nbsp;&nbsp;&nbsp;&nbsp;Audio and Video Production Services<br /> 
   		    &nbsp;&nbsp;&nbsp;&nbsp; - Studio rentals that cater to music production, vocal recording, mixing, mastering, and <br />
   		    &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;listening sessions. <br />
	      </p>
   		  <p>We hope to venture into Wine Exports, Energy Solutions, Solar Products and Product Marketing/Advertising.</p>
				       		</div>
				        </div>
				       
				    </div>
				    <!-- Responsive Tabs JS -->
				    <script src="js/jquery.responsiveTabs.js" type="text/javascript"></script>
				
				    <script type="text/javascript">
				        $(document).ready(function () {
				            $('#horizontalTab').responsiveTabs({
				                rotate: false,
				                startCollapsed: 'accordion',
				                collapsible: 'accordion',
				                setHash: true,
				                disabled: [3,4],
				                activate: function(e, tab) {
				                    $('.info').html('Tab <strong>' + tab.id + '</strong> activated!');
				                }
				            });
				
				            $('#start-rotation').on('click', function() {
				                $('#horizontalTab').responsiveTabs('active');
				            });
				            $('#stop-rotation').on('click', function() {
				                $('#horizontalTab').responsiveTabs('stopRotation');
				            });
				            $('#start-rotation').on('click', function() {
				                $('#horizontalTab').responsiveTabs('active');
				            });
				            $('.select-tab').on('click', function() {
				                $('#horizontalTab').responsiveTabs('activate', $(this).val());
				            });
				
				        });
				    </script>
				</div>
				<!-- //product-details ---->
				</div>
				</div><!-- end product-details -->
			<!----content---->
			<div class="clearfix"> </div>
			<!----footer--->
			<div class="footer">
				<div class="container">
					<div class="col-md-3 footer-logo">
						<a href="index.html"><img src="images/flogo.png" title="brand-logo" /></a>
					</div>
					<div class="col-md-7 footer-links">
						<ul class="unstyled-list list-inline">
							<li><a href="#"> Faq</a> <span> </span></li>
							<li><a href="#"> Terms and Conditions</a> <span> </span></li>
							<li><a href="#"> Secure Payments</a> <span> </span></li>
							<li><a href="#"> Shipping</a> <span> </span></li>
							<li><a href="contact.html"> Contact</a> </li>
							<div class="clearfix"> </div>
						</ul>
					</div>
					<div class="col-md-2 footer-social">
						<ul class="unstyled-list list-inline">
							<li><a class="pin" href="#"><span> </span></a></li>
							<li><a class="twitter" href="#"><span> </span></a></li>
							<li><a class="facebook" href="#"><span> </span></a></li>
							<div class="clearfix"> </div>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
			 </div>
			 <div class="clearfix"> </div>
			<!---//footer--->
			<!---copy-right--->
					<div class="copy-right">
						<div class="container">
							<p>Template by <a href="http://w3layouts.com/">W3layouts</a></p>
							<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
							<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
						</div>
					</div>
			<!--//copy-right--->
		</div>
		<!----container---->
	</body>
</html>

